<template>
  <div>
    <!-- 
      我们可以提供一个.d.ts文件
        - user.d.ts
        - article.d.ts
        - data.d.ts
      把我们会公用的类型放在里面
      然后 export 出去
      在其他组件如果要用到的时候 import
     -->
    <h1>自定义类型声明文件-共享类型</h1>
    <h2>{{ person }}</h2>
    <SonComp :money="18"/>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import SonComp from './components/SonComp.vue';
// .d.ts可以省略
import { Person } from './types/user'

// App里面 响应式数据 person

const person = ref<Person>({
  name: 'zs',
  age: 18
})

</script>

<style scoped>

</style>
